/**
 * @功能描述: 模态对话框样式组件
 * @author: lzn
 * @date: 2022-09-30 10:59:36
 * @version: 1.0
 */
@import '../../style/index.scss';

// 模态框容器样式
@include b(modal) {
  position: fixed;
  inset: 0;
  z-index: $root-z-index;
}

// 模态框蒙板样式
@include b(modal-mask) {
  position: absolute;
  inset: 0;
  background-color: $mask-color;
}

// 模态框样式
@include b(modal-content) {
  position: relative;
  top: 100px;
  width: auto;
  max-width: calc(100vw - 32px);
  margin: 0 auto;
  padding: 32px 32px 24px;
  background-color: $color-white;
  border-radius: $border-radius-base;
}